<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/Source.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>my web</title>


        <link href="css/myweb-css.css" rel="stylesheet"  />
        <script  src="../Javascript/js.js"></script>
    </head>

    <body>

        <div class="headerpic"></div>





        <div class="NavigationBG">
            <div class="header"><!--Header-->
                <div class="NavigationBar"><!--Navigation Bar text-->
                    <ul>
                        <li><a href="file:///C|/xampp/htdocs/max/etc/html/index.htm">|Home|</a></li>
                        <li><a href="file:///C|/xampp/htdocs/max/etc/html/galleries.htm">|Login|</a></li>
                        <li><a href="file:///C|/xampp/htdocs/max/etc/html/gear.htm">|Register|</a></li>
                        <li><a href="file:///C|/xampp/htdocs/max/etc/html/contact.htm">|contact|</a></li>
                    </ul>
                </div><!--Close Navigation Bar-->
            </div><!--Close Header-->

        </div><!--Navigation Background--><!-- InstanceBeginEditable name="wrapper" -->
        <div class="wrapper"><!--defined area wrapper-->
            <div class="content"><!--content-->
                <form class="form" method="post" > 

                    <h1>tell us about  <strong>you </strong>!</h1>

                    <div>
                        <label for="Category">Category :</label> 

                        <select class="field required" title="Choose category">                  <option value="general"></option>  
                            <option value="sales"></option>  
                            <option value="support"></option>  
                        </select>
                    </div>			
                    <div>
                        <label for="Company">Company :</label> 

                        <select   class="field required" title="Choose Company">                  <option value="general"></option>  
                            <option value="sales"></option>  
                            <option value="support"></option>  
                        </select>
                    </div>	
                    <div>
                        <label for="User">User :</label> 

                        <select   class="field required" title="Choose User">                  <option value="general"></option>  
                            <option value="sales"></option>  
                            <option value="support"></option>  
                        </select>
                    </div>	
                    <div>
                        <label for="Title">Title :</label>
                        <input type="text" name="text" class="field required" title="eenter title" />
                    </div>



                    <div class="submit">
                        <button type="submit">Search</button>   
                    </div>



                </form>	
                
                <table class="rounded-corner" summary="2007 Major IT Companies' Profit">
    <thead>
    	<tr>
        	<th scope="col" class="rounded-company">Company</th>
            <th scope="col" class="rounded-q1">Q1</th>
            <th scope="col" class="rounded-q2">Q2</th>
            <th scope="col" class="rounded-q3">Q3</th>
            <th scope="col" class="rounded-q4">Q4</th>
        </tr>
    </thead>
        <tfoot>
    	<tr>
        	<td colspan="4" class="rounded-foot-left"><em>The above data were fictional and made up, please do not sue me</em></td>
        	<td class="rounded-foot-right">&nbsp;</td>
        </tr>
    </tfoot>
    <tbody>
    	<tr>
        	<td>Microsoft</td>
            <td>20.3</td>
            <td>30.5</td>
            <td>23.5</td>
            <td>40.3</td>
        </tr>
        <tr>
        	<td>Google</td>
            <td>50.2</td>
            <td>40.63</td>
            <td>45.23</td>
            <td>39.3</td>
        </tr>
        <tr>
        	<td>Apple</td>
            <td>25.4</td>
            <td>30.2</td>
            <td>33.3</td>
            <td>36.7</td>
        </tr>
        <tr>
        	<td>IBM</td>
            <td>20.4</td>
            <td>15.6</td>
            <td>22.3</td>
            <td>29.3</td>
        </tr>
    </tbody>
</table>



<!-- Paging bar-->
<div class="paging">
    <ul class="pagination-flickr">
        <li class="previous-off">«Previous</li>
        <li class="active">1</li>
        <li><a href="?page=2">2</a></li>
        <li><a href="?page=3">3</a></li>
        <li><a href="?page=4">4</a></li>
        <li><a href="?page=5">5</a></li>
        <li><a href="?page=6">6</a></li>
        <li><a href="?page=7">7</a></li>
        <li class="next"><a href="?page=2">Next »</a></li>
    </ul>
    <div>
<!-- close Paging bar-->

            </div><!--Close content-->
        </div><!--Close Wrapper-->
        <!-- InstanceEndEditable -->


    </body>
    <!-- InstanceEnd --></html>
